<template>
		
	<view v-if="stay==undefined">
			<view class="index">
				<view class="img" >
					<image  src="../../static/homeimg.png" style="width: 170px;height: 170px;" ></image>
				</view>
				<view class="msg">暂无数据</view>
			</view>
	</view>
	<view v-else>	
	<uni-notice-bar  style="text-align: center;" text="1个批次需要登记" single color="#FF5F00" background-color="#FFEEDD" />
		<view >
			<uni-card class="card" title="2024年春节放假" sub-title="假期开始时间：2023-11-16 00:00:00
						假期结束时间：2023-11-16 00:00:00
					时长：26天" thumbnail="../../static/dengji.png" @click="toapply()">
			
			<view class="cardmsg"><text class="">28人已完成，赶紧登记吧</text></view>
			
			</uni-card>
		</view>
	</view>
//重新写了代码

</template>

<script setup>
	import { ref } from 'vue';
	import data from '../../data/data.json'
	
	let  stay =  ref(null)
	let toapply=function(){
		uni.navigateTo({
			url:'/pages/index/applyliuxiao'
		})
	}
	stay.value=data.stay
	console.info(stay.value)
	
</script>

<style>
/* 	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	} */
	.index{
		text-align: center;
	}
	.img{
		
	}
	.msg{
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #707070;
	}
	.cardmsg{
		text-align: center;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #999DA3;
		
	}
	.card{
		background-image: linear-gradient(180deg, #E9F1FF 0%, #FFFFFF 100%);
		box-shadow: 0 2px 5px 0 #E2E4EB;
		border-radius: 10px;
		background: ;
	}
	
</style>
